.my-box {
	height: auto;
}

.my-header {
	height: 3.4rem;
	background: linear-gradient(180deg, #178aff, #194291 100%);
	padding: 7% 3% 0 3%;
	position: relative;
	margin-bottom: 10%;
}

.my-uid {
	width: 65%;
	padding-top: 4%;
	padding-left: 4%;
}

.my-uid h2 {
	color: #fff;
	font-weight: 550;
	padding-bottom: 0.03rem;
	font-size: 0.42rem;
	font-family: Arial, Arial-Bold;
	font-weight: 700;
}

.my-uid p {
	color: #B6B9D5;
	font-weight: 500;
	font-size: 0.29rem
}

.my-tabs {
	position: absolute;
	bottom: -0.5rem;
	left: 4%;
	right: 4%;
	background: #fff;
	border-radius: 0.1rem;
	box-shadow: 0px 6px 15px 0px rgba(18, 90, 202, 0.10);
}

.my-tabs .my-tabs-cen {
	padding: 7% 0;
	text-align: center;
	width: 50%;
	position: relative;
}

.my-tabs .my-tabs-cen h1 {
	font-size: 0.42rem;
	padding-bottom: 0.01rem;
	font-family: Arial, Arial-Bold;
	font-weight: 700;
	color: #313131;
}

.my-tabs .my-tabs-cen p {
	color: #B6B9D5;
	font-size: 0.24rem
}

.my-tabs .my-tabs-cen:first-child::after {
	content: '';
	position: absolute;
	top: 20%;
	bottom: 20%;
	right: 0;
	border-right: 1px solid #f0f0f0;
}

.my-icon {
	width: 35%;
	padding: 0 8%;
	text-align: center;
}

.my-icon img {
	width: 1.1rem;
	height: 1.1rem;
}

.my-icon>p {
	position: relative;
	top: -0.22rem;
	background: url(../../public/images/my-vip.png) no-repeat;
	width: 100%;
	height: 0.42rem;
	background-size: 100%;
}

.my-icon>p span {
	color: #fff;
	padding-left: 15%;
	font-size: 0.21rem;
	position: relative;
	top: -0.08rem;
}

.my-item {
	padding: 3%;
}

.my-item>h2 {
	font-size: 0.32rem;
	padding-bottom: 0.2rem;
	font-weight: 600;
}

.my-item ul>li a {
	display: block;
	position: relative;
	border-bottom: 1px solid #f2f2f2;
	padding: 3% 0;
}

.my-item ul>li:active {
	background: #f9f9f9;
}

.my-item ul>li a i {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -0.225rem;
	width: 0.45rem;
	height: 0.45rem;
	background-size: 100% !important;
	display: inline-block;
}

.my-item ul>li a i.icon-t1 {
	background: url(../images/icon_t1.png);
}

.my-item ul>li a i.icon-t2 {
	background: url(../images/icon_t2.png);
}

.my-item ul>li a i.icon-t3 {
	background: url(../images/icon_t3.png);
}

.my-item ul>li a i.icon-t4 {
	background: url(../images/icon_t4.png);
}

.my-item ul>li a i.icon-t5 {
	background: url(../images/icon_t5.png);
}

.my-item ul>li a i.icon-c1 {
	background: url(../images/icon_c1.png);
}

.my-item ul>li a i.icon-c2 {
	background: url(../images/icon_c2.png);
}

.my-item ul>li a i.icon-d1 {
	background: url(../images/icon_d1.png);
}

.my-item ul>li a i.icon-d2 {
	background: url(../images/icon_d2.png);
}

.my-item ul>li a i.icon-z1 {
	background: url(../images/icon_z1.png);
}

.my-item ul>li a i.icon-z2 {
	background: url(../images/icon_z2.png);
}

.my-item ul>li a i.icon-z3 {
	background: url(../images/icon_z3.png);
}

.my-item ul>li a::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -3px;
	border: solid #ccc;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.my-item.act {
	padding-top: 0;
}

.my-item-cell {
	position: relative;
}

.my-item-cell img {
	width: 100%;
	position: relative;
	z-index: 1;
}

.my-item-cell .cell-text {
	position: absolute;
	left: 28%;
	top: 8%;
	z-index: 2;
}

.my-item-cell .cell-text h2 {
	font-weight: 800;
	font-size: 0.35rem;
	padding-bottom: 1%;
}

.my-item-cell .cell-text h4 {
	color: #313131;
	font-weight: 400;
	font-size: 0.26rem;
}

.my-item-cell .cell-text h4 em {
	color: #FF0D0D;
}

.my-item-cell .cell-text p {
	font-weight: 400;
	font-size: 0.26rem;
	color: #313131;
}

.my-item ul>li a span {
	color: #313131;
	font-weight: 400;
	font-size: 0.28rem;
	padding-left: 0.6rem;
	font-family: PingFang SC, PingFang SC-Regular;
}

.my-close {
	padding: 4% 7%;
	display: block;
	margin-bottom: 10%;
}

.my-close .button {
	background: #f3f5ff;
	border: 1px solid #f3f5ff;
	color: #178AFF;
}

.rec-box {
	padding: 4% 3%;
}

.rec-box ul>li {
	background: #fff;
	padding: 3% 4%;
	border-radius: 0.15rem;
	margin-bottom: 4%;
}

.rec-box ul>li h2 {
	position: relative;
	margin-bottom: 2%;
}

.rec-box ul>li h2 span {
	font-weight: bold;
	padding-left: 0.5rem;
	font-size: 0.35rem;
	position: relative;
	display: inline-block;
}

.rec-box ul>li h2 span::after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0.26rem;
	height: 0.32rem;
	margin-top: -0.15rem;
	background: url(../../public/images/rec_user.png) no-repeat;
	background-size: 100%;
}

.rec-box ul>li h2 em {
	font-weight: bold;
	padding-left: 5%;
	font-size: 0.35rem
}

.rec-box ul>li h2 a {
	position: absolute;
	right: 0;
	width: 0.6rem;
	height: 0.6rem;
	line-height: 0.6rem;
	text-align: center;
	top: 50%;
	margin-top: -0.25rem;
	border-radius: 50%;
}

.rec-box ul>li h2 a:active {
	background: #f5f5f5;
}

.rec-box ul>li h2 a i {
	width: 0.3rem;
	height: 0.3rem;
	display: inline-block;
	background: url(../../public/images/rec_del.png) no-repeat;
	background-size: 100%;
}

.rec-box ul>li p {
	line-height: 0.52rem;
	font-size: 0.26rem;
	color: #4a4a4a;
}

.rec-box ul>li p em {
	color: #989cbf;
}

.rec-add {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	border-radius: 0;
}

.addrec-box {
	padding: 5% 6%;
}

.addrec-box ul {
	margin-bottom: 20%;
}

.addrec-box ul>li em {
	padding-bottom: 2%;
	display: inline-block;
	font-weight: bold;
	font-size: 0.3rem
}

.addrec-box ul>li {
	margin-bottom: 3%;
}

.addrec-box ul>li label {
	display: block;
	padding: 3.5% 4%;
	background: #eff6ff;
}

.addrec-box ul>li label .int {
	font-size: 0.3rem;
}

.addrec-hd {
	width: 48%;
	margin-right: 4%;
}

.addrec-hd:last-child {
	margin-right: 0;
}
